<template>
	<view class="container">
		<u-button type="primary" text="登录" shape="circle" @click="login"></u-button>
		
		<view>
				<u-action-sheet :actions="list" title="title" :show="show" @select="confirm" :closeOnClickOverlay="true" @close="show=false"></u-action-sheet>
				<u-button @click="show = true">打开</u-button>
			</view>
	</view>
</template>

<script setup>
import { ref } from 'vue';
	const show = ref(false)
	const list = ref([
				{
					name:'选项一',
					subname:"选项一描述",
					color:'#ffaa7f',
					fontSize:'20'
				},
				{
					name: '选项二禁用',
					disabled:true
				},
				{
					name: '开启load加载', //开启后文字不显示
					loading:true
				}
			])
	const login = ()=>{
		uni.navigateTo({
			url:'/pages/login/login'
		})
	}
	const confirm = (e) =>{
		console.log(e)
		show.value =false
	}
</script>

<style lang="scss" scoped>
	.container{
		padding: 40rpx;
	}
</style>
